#page-4 {
  display: none;
  position: absolute;
  @include square(100%);
  background-image: url("../image/page-4-bg.jpg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  z-index: 10;
  top: 0;
  left: 0;

  > .tong {
    position: absolute;
    @include size(px2rem-b(877px), 100%);
    background-image: url("../image/page-4-tong.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
  }

  > .blink {
    //270 / 416 644
    position: absolute;
    @include square(px2rem-b(883px));
    top: px2rem-b(111px);
    right: px2rem-b(81px);
  }
  > .line {
    position: absolute;
    top: px2rem-b(447px);
    right: px2rem-b(837px);
    width: 0;
    height: px2rem-b(14px);
    background-image: url("../image/page-4-zs-2.png");
    background-size: auto 100%;
    background-position: left;
  }

  > .word {
    position: absolute;
    @include size(px2rem-b(432px), px2rem-b(148px));
    background-image: url("../image/page-4-zs-4.png");
    background-size: 100% 100%;
    right: px2rem-b(156px);
    top: px2rem-b(478px);
    opacity: 0;
  }

  > .zs-1 {
    position: absolute;
    @include size(px2rem-b(589px), px2rem-b(223px));
    background-image: url("../image/page-4-zs-1.png");
    background-size: 100% 100%;
    transform: translate(px2rem-b(1300px), px2rem-b(459px));
    -webkit-transform: translate(px2rem-b(1300px), px2rem-b(459px));
    opacity: 0;
  }

  > .zs-2 {
    position: absolute;
    @include size(px2rem-b(811px), px2rem-b(151px));
    background-image: url("../image/page-4-zs-3.png");
    background-size: 100% 100%;
    display: none;
    top: px2rem-b(459px);
    right: px2rem-b(942px);
  }

}